<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="../../css/jquery.mCustomScrollbar.css">
    <link type="text/css" rel="stylesheet" href="../../css/bootstrap.min.css">
    <title></title>
</head>
<body>
    <div class="wo" style="height: 200px;width: 200px;overflow: auto;margin:auto">
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p id="2">dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p id="1">dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
        <p>dahsdasjkldhajsdhasljhdjklahsjdkahdjk</p>
    </div>
    <div class="container">
        <div class="row">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" id="myBtn" data-toggle="dropdown">haha<span class="caret"></span></button>
                <ul class="dropdown-menu" aria-labelledby="myBtn">
                    <li><a href="#">dasd</a></li>
                    <li><a href="#">asda</a></li>
                    <li><a href="#">asd</a></li>
                </ul>
            </div>
        </div>
    </div>
    <button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal">test bug</button>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="thisLable">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="thisLable">Modal title</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label class="control-label">哈哈</label>
                            <input class="form-control" type="text">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div>
                        <button class="btn btn-success" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="btn btn-primary" data-toggle="modal" data-target="#testModal">toggle Modal</button>
    <div class="modal fade" id="testModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    hahaha
                </div>
                <div class="modal-body">
                    haha
                    <button class="btn btn-danger" data-dismiss="modal">关闭</button>
                </div>
                <div class="modal-footer">
                    haha
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="dropdown">
                <button class="btn btn-info" data-toggle="dropdown" aria-haspopup="true" id="tips">哈哈<span class="caret"></span>
                </button>

                <ul class="dropdown-menu" aria-labelledby="tips">
                        <li>
                            <a>asdasdasd</a>
                        </li>
                    <li>
                        <a>asdasdasd</a>
                    </li>    <li>
                    <a>asdasdasd</a>
                </li>
                    </ul>
            </div>
        </div>
        <div class="row">

            <ul class="nav nav-tabs">
                <li class="active"><a href="#home" aria-controls="home" data-toggle="tab">Home</a></li>
                <li ><a href="#no" aria-controls="home" data-toggle="tab">no</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="home">
                    <div><button class="btn btn-info" data-toggle="tooltips" data-placement="left" title="test" >tips test</button> is beauty</div>
                </div>
                <div class="tab-pane" id="no">
                    <div>no is no</div>
                </div>
            </div>
        </div>
    </div>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
    (function($){
        $(window).load(function(){
            $(".wo").mCustomScrollbar();
            $(".wo").mCustomScrollbar("scrollTo","#2");
            $("#testModal").modal({
                backdrop: false,
                keyboard: true,
                show: false
            });
            $('.dropdown-toggle').each(function () {
            })
        });
    })(jQuery);
</script>
</body>
</html>